<html><!doctype html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>KISSY Decorated Simple Tree</title>
		<link href="../../../../../../g.tbcdn.cn/kissy/k/1.3.2/css/dpl/base.css" tppabs="http://g.tbcdn.cn/kissy/k/1.3.2/css/dpl/base.css" rel="stylesheet"/>
		<link href="assets/dpl.css" tppabs="http://docs.kissyui.com/1.3/source/raw/demo/tree/assets/dpl.css" rel="stylesheet"/>
        <script src="../../../../../../g.tbcdn.cn/kissy/k/1.3.2/seed.js" tppabs="http://g.tbcdn.cn/kissy/k/1.3.2/seed.js" data-config="{combine:true}"></script>
	</head>
	<body>
		<div id="treeContainer" style="width: 200px;">
			<!-- 装饰树直接通过DOM中已有的结构生成一棵树 -->
			<div id='root' class="ks-tree-root">
				<span class="ks-tree-node-content">淘宝网</span>
				<div class="ks-tree-children">
					<div class="ks-tree-node">
						<span class="ks-tree-node-content">收藏夹</span>
						<div class="ks-tree-children">
							<div class="ks-tree-node">
								<span class="ks-tree-node-content">收藏的宝贝</span>
							</div>
							<!-- 标记为强制 folder 样式 -->
							<div class="ks-tree-node ks-tree-node-folder">
								<span class="ks-tree-node-content">收藏的店铺</span>
							</div>
						</div>
					</div>
					<div class="ks-tree-node">
						<span class="ks-tree-node-content">我要买</span>
					</div>
				</div>
			</div>
		</div>
		<script src="assets/demo3.js" tppabs="http://docs.kissyui.com/1.3/source/raw/demo/tree/assets/demo3.js"></script>
	</body>
</html>